<h2>{{ page.name }}</h2>
<p>{{ page.title }}</p>


<p class="codepen" data-height="700" data-theme-id="light" data-default-tab="result" data-user="javve" data-slug-hash="{{ page.slug }}"
style="height: 300px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;">
  <span>See the Pen <a href="{{ page.url }}">{{ page.url }}</a> by Jonny Strömberg (<a href="https://codepen.io/javve">@javve</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<script async src="https://static.codepen.io/assets/embed/ei.js"></script>